<template>
  <div class="bar" ref="echart"></div>
</template>

<script lang="ts" setup>
import * as echarts from "echarts";
import { onMounted, ref } from "vue";
import { option } from "@/stores/data";

const echart = ref<any>(null);
onMounted(() => {
  const myEchart = echarts.init(echart.value)
  myEchart.setOption(option)
});
</script>

<style scoped lang="less">
.bar {
  width: 800px;
  height: 500px;
  border: 1px solid;
}
</style>
